.time {
  position: absolute;
  right: 56px;
  top: 30px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}

.titleDiv {
  position: relative;
  text-align: center;
  font-size: 45px;
  width: 56%;
  margin: 20px auto 10px;
  color: #ffffff;
  background-size: 100% 100%;
  padding-bottom: 10px;

  .title_l {
    position: absolute;
    width: 50%;
    left: -47%;
    bottom: 0;
  }

  .title_r {
    position: absolute;
    width: 50%;
    right: -47%;
    bottom: 0;
  }
}

.mycustom .ant-card-body {
  padding-top: 0;
  padding-bottom: 14px;
}

.head-info {
  color: #ffffff;
  text-align: center;
  margin: 10px 24px;
  border-radius: 10px;
  border: 1px solid #10B7F6;

  div {
    font-size: 20px;
    border-bottom: 1px solid #10B7F6;
  }

  p {
    padding: 0;
    font-size: 24px;
    margin: 0 auto;
    font-weight: 700;
  }

  .red {
    color: red;
  }

  i {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.mycustom {
  .action {
    position: absolute;
    right: 30px;
    top: 37px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 1;
  }

  .center {
    text-align: center;
    margin: 0 auto;
    width: 440px;
    display: flex;
    font-size: 16px;

    .div1 {
      background: #2E75B6;
      border-radius: 10px;
      padding: 5px 0;
      width: 120px;
    }

    .div2 {
      background: #5279E6;
      border-radius: 10px;
      margin: 0 40px;
      padding: 5px 0;
      width: 120px;
    }

    .div3 {
      background: #00B0F0;
      border-radius: 10px;
      padding: 5px 0;
      width: 120px;
    }
  }

  .ant-table-thead>tr>th,
  .ant-table-tbody>tr>td {
    padding: 6px;
    font-size: 15px;
  }

  background:#000000;
  padding: 0;

  .ant-card {
    background-size: 100% 100%;
    background-color: unset;
    border: 0;

    .ant-card-bordered {
      border: 0;
    }

    color: #fff;
  }

  .ant-table {
    color: #fff;
    background-color: unset;
  }

  .ant-card .ant-card-head {
    color: #fff;
    border: 0;
    text-align: center;
    font-weight: 800;
  }

  .ant-card-head-title {
    padding: 25px 0 5px;
  }

  .ant-table-thead>tr>th {
    color: rgba(255, 255, 255, 1);
    background: #2E75B6;
    border: 0;
  }

  .warnScrollTable {

    .ant-table-thead>tr>th {
      background: #030E25;
    }
  }

  .ant-table-tbody>tr>td {
    border: 0;
  }

  .ant-table-tbody>tr:hover>td {
    background: unset !important;
  }

  .ant-table-placeholder {
    background: unset;
    border: 0;
  }

  .ant-empty-normal {
    color: #fff;
  }

  .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body {
    background: unset;
    color: #fff;
  }

  .ant-table-fixed-header .ant-table-scroll .ant-table-header {
    min-width: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .ant-table-thead>tr:first-child>th:first-child,
  .ant-table-thead>tr:first-child>th:last-child {
    border-radius: 0;
  }
}

.scrollTable,
.warnScrollTable {
  ::-webkit-scrollbar {
    width: 5px;
  }
}

.card-title {
  width: 250px;
  text-align: center;
  background-size: 100% 100%;
  font-size: 18px;
  font-weight: 700;
  margin: -15px auto;
  position: relative;

  div {
    padding: 30px 0;
  }

  .title_l {
    position: absolute;
    left: -240%;
    bottom: 25px;
  }

  .title_r {
    position: absolute;
    right: -240%;
    bottom: 25px;
  }
}

.chartTitle {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 5px auto;
}

.blue {
  color: #00FFFF !important;
}

.orange {
  color: #FFFF00 !important;
}

.MLB{
  color: #FF0000;
  font-weight: 700;
  position: absolute;
  top: 108px;
  left: 36%;
  font-size: 12px;
  transform: rotate(-5deg);
}
.storeCode {
  color: rgb(0, 255, 255);
  font-weight: 700;
  position: absolute;
  top: 135px;
  left: 34.6%;
  transform: rotate(-2deg);
}